// 组件块 样式

import { StyleSheet } from "react-native";
import { useTheme } from "@react-navigation/native";
import BaseStyles from "./BaseStyles";

const createStyles = () => {
    const { colors } = useTheme();
    const baseStyles = BaseStyles();
    return StyleSheet.create({
        // container: {
        //     ...baseStyles.container,
        //     backgroundColor: colors.background,
        // },
        // text: {
        //     fontSize: 16,
        //     color: colors.text,
        // },
        // inputField: {
        //     height: 44,
        //     borderWidth: 1,
        //     borderColor: "#ABABAB",
        //     borderRadius: 8,
        //     padding: 10,
        //     backgroundColor: "#fff",
        // },

        //自定义head icon 按钮
        roundButton: {
            width: 40,
            height: 40,
            borderRadius: 50,
            backgroundColor: "white",
            alignItems: "center",
            justifyContent: "center",
            color: colors.primary,
            gap: 10,
        },

        btn: {
            backgroundColor: colors.primary,
            height: 46,
            borderRadius: 8,
            justifyContent: "center",
            alignItems: "center",
        },
        btnText: {
            color: "#fff",
            fontSize: 16,
            fontFamily: "mon-b",
        },
        inputField: {
            height: 44,
            width: "100%",
            borderWidth: 1,
            borderColor: "#ABABAB",
            borderRadius: 8,
            padding: 10,
            backgroundColor: "#fff",
        },
    });
};

export default createStyles;
